<template>
    <div class="massage-release">
    <form action="">
      <input type="text" placeholder="通知主题">
      <textarea name="notice-text" id="" cols="20" rows="5"></textarea>
      <button>发布</button>
    </form>
    </div>
</template>

<script>
export default {
  name: 'remindForm'
}
</script>

<style scoped>
.massage-release{
    width:100%;
    height:7.5rem;
    margin:0.3rem 0;
    text-align:center;
  }
.massage-release input{
    width:90%;
    height:1.2rem;
    border:none;
    border:0.01rem solid #999;
    border-radius:0.1rem;
    margin:0.5rem 0 0.3rem 0;;
    padding-left:0.5rem;
    font-size:0.45rem;
    color:#666;
  }
.massage-release textarea{
    width:87%;
    border:none;
    border:0.01rem solid #999;
    border-radius:0.1rem;
    margin:0.1rem 0;
    font-size:0.5rem;
    color:#666;
  }
.massage-release button{
    width:95%;
    height:1.2rem;
    border:none;
    border-radius:0.2rem;
    margin:0.2rem 0;
    font-size:0.5rem;
    color:#fff;
    background-color:#388e3c;
  }
</style>
